<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Lucar 共享汽车 我们出行</title>
</head>

<link rel="stylesheet" type="text/css" href="lucar-css/head-css.css">
<link rel="stylesheet" type="text/css" href="lucar-css/index-css.css">

<body>
	<div id="head">
    	<div id="h-logo">
        	<img src="lucar-image/logo.png" class="hl">
        </div>
        <div id="h-right">
        	<span id="hr-useCar" class="hr-span" onmouseover="headimg(1);" onMouseOut="headimg(2);">
            	<img id="uCOut" src="lucar-image/useCar-Out.png" class="hr-image" style="display:block">
            	<img id="uCOn" src="lucar-image/useCar-On.png" class="hr-image" style="display:none">
            </span>
            <span id="hr-aboutUs" class="hr-span" onmouseover="headimg(3);" onMouseOut="headimg(4);">
            	<img id="aUOut" src="lucar-image/aboutUs-Out.png" class="hr-image" style="display:block">
            	<img id="aUOn" src="lucar-image/aboutUs-On.png" class="hr-image" style="display:none">
            </span>
            <span id="register" class="button" onMouseOver="headbutton(1);" onMouseOut="headbutton(2);"><b class="hr-text">注册</b></span>
            <span id="login" class="button" onMouseOver="headbutton(3);" onMouseOut="headbutton(4);"><b class="hr-text">登录</b></span>
        </div>
    </div>
    <div id="index-body">
    	<div id="ib-explain">
        	<span id="ib-tittle"><img id="ibtimg" src="lucar-image/index-image/ib-tittle.png"></span>
            <span id="attention" class="ibe">
            	<img src="lucar-image/index-image/1.jpg" class="ibe-img">
                <h4>扫码关注</h4>
                <p>关注Lucar微信公众号</p>
            </span>
            <span id="RAndL" class="ibe">
            	<img src="lucar-image/index-image/2.jpg" class="ibe-img">
                <h4>注册登录</h4>
                <p>注册并上传驾照 + 身份证后登录</p>
            </span>
            <span id="money" class="ibe">
            	<img src="lucar-image/index-image/3.jpg" class="ibe-img">
                <h4 style="margin-left:70px;">交保证金</h4>
                <p>交付1元保证金，确保用车安全</p>
            </span>
            <span id="uC" class="ibe">
            	<img src="lucar-image/index-image/4.jpg" class="ibe-img">
                <h4>自助租车</h4>
                <p>电脑、手机操作开始用车流程</p>
            </span>
        </div>
    	<div id="APP">
        	<img src="lucar-image/index-image/APPlogo.png">
            <h1>扫码关注微信公众号</h1>
        </div>
    </div>
</body>

<script src="lucar-script/head-script.js"></script>
<script type="text/javascript">
window.onload = function(){
	function box(){
		var oBox = document.getElementById("index-body");
		var L1 = oBox.offsetWidth;
		var Left = (document.documentElement.clientWidth-L1)/2;
		oBox.style.left = Left+'px';
	}
	box();
	window.onresize = function(){
        box();
    }
}
</script>

</html>
